import router, { asyncRoutes } from './router'
import store from './store'
import { getToken } from './utils/auth'
const WHITE_LIST = ['/login', '/404']// 路由白名单
// 处理一级路由权限数据
function getFirstRoutePerms(permsArr) {
  // 如果包含超级管理员权限，直接返回 '*'
  if (permsArr.includes('*:*:*')) {
    return ['*']
  }
  const newArr = permsArr.map(item => {
    return item.split(':')[0] // 获取权限标识的第一级
  })
  return [...new Set(newArr)]// 去重
}

// 处理二级路由权限数据
function getSecondRoutePerms(permsArr) {
  // 如果包含超级管理员权限，直接返回 '*:*'
  if (permsArr.includes('*:*:*')) {
    return ['*:*']
  }
  const newArr = permsArr.map(item => {
    const arr = item.split(':')
    return `${arr[0]}:${arr[1]}` // 获取权限标识的前两级
  })
  return [...new Set(newArr)] // 去重
}
// 根据权限标识过滤路由表
function getRoutes(firstRoutePerms, secondRoutePerms, asyncRoutes) {
  // 如果用户拥有超级管理员权限，返回所有路由
  if (firstRoutePerms.includes('*') || secondRoutePerms.includes('*:*')) {
    return asyncRoutes
  }

  // 根据一级和二级对动态路由表做过滤
  return asyncRoutes
    .filter(route => firstRoutePerms.includes(route.permission)) // 过滤一级路由
    .map(item => {
      // 过滤二级路由
      const filteredChildren = item.children
        ? item.children.filter(child => secondRoutePerms.includes(child.permission))
        : []
      return {
        ...item,
        children: filteredChildren
      }
    })
}
// 动态添加路由
function addRoutesToRouter(routes) {
  routes.forEach(route => {
    router.addRoute(route) // 使用 Vue Router 的 addRoute 方法动态添加路由
  })
}

// 前置路由守卫
router.beforeEach(async(to, from, next) => {
  const token = getToken()// 获取用户 Token
  // 有token
  if (token) {
    next()
    // 获取用户信息
    if (!store.state.user.profile.id) {
      try {
        // 1.获取原始权限列表
        const permissions = await store.dispatch('user/getProfile')

        // 2.处理权限数据,得到一级和二级路由权限
        const firstRoutePerms = getFirstRoutePerms(permissions)
        const secondRoutePerms = getSecondRoutePerms(permissions)

        // 3.根据权限过滤路由表
        const filterRoutes = getRoutes(firstRoutePerms, secondRoutePerms, asyncRoutes)
        // console.log('权限', permissions)
        // console.log('筛选后的路由表', filterRoutes)
        // 4.动态添加过滤后的路由
        addRoutesToRouter(filterRoutes)

        // 5.将过滤后的路由存储到Vuex,便于后续在菜单中使用
        store.commit('menu/setMenuList', filterRoutes)

        // 保证路由表已经添加,重新跳转当前路由
        next({ ...to, replace: true })
      } catch (error) {
        console.error('获取用户权限失败:', error)
        store.dispatch('user/resetToken')// 重置Token,防止重复异常
        next('/login')// 跳转到登录页
      }
    }
  } else {
    // 如果没有 Token，检查是否在白名单中
    if (WHITE_LIST.includes(to.path)) {
      next()
    } else {
      next('/login') // 跳转到登录页
    }
  }
})
